<template>
    <m-choose-time :startOptions="startOptions" @startChange="startChange" @endChange="endChange"></m-choose-time>
    <m-choose-date :disableToday="false" :startOptions="startOptions" @startChange="startChange" @endChange="endChange"></m-choose-date>
</template>

<script lang='ts' setup>


interface endValue {
    startTime: string,
    endTime: string
}

let startChange = (val: string) => {
    console.log("startChange", val);
}

let endChange = (val: endValue) => {
    console.log("endChange", val);
}

let startOptions = {
    size: "large",
    clearable: false
};
</script>

<style lang='scss' scoped></style>